<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>哇吖旅行</title>
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" href="css/framework7.ios.min.css">
        <link rel="stylesheet" href="css/framework7.ios.colors.min.css">
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" type="text/css" href="css/my-app.css">
        <link rel="stylesheet" type="text/css" href="../css/my-app.css">
        <link rel="stylesheet" type="text/css" href="css/framework7.3dpanels.min.css">
        <link rel="stylesheet" type="text/css" href="../css/framework7-icons.css">
    </head>
    <body style="-webkit-text-size-adjust:none;">
    <!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
     <!-- Panels Overlay -->
    <div class="panel-overlay"></div>
 
    <!-- Left Panel with Reveal effect -->
    <div class="panel panel-left panel-reveal">
	    <div class="content-block">
	      <!-- <p class="find_design close-panel">寻求定制</p> -->
	      <p class="design_anli close-panel nav-btn">定制案例</p>
	      <p class="zy_product close-panel nav-btn">自营产品</p>
	    </div>
    </div>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar" style="background-color: transparent;">
          <div class="navbar-inner">
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center sliding"></div>
          </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
          <!-- Page, "data-page" contains page name -->
          <div data-page="design_trip_index" class="page" id="design_trip_index">
            <!-- Scrollable page content -->
            <div class="page-content">
             
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- popup -->
    <div class="popup popup-zydetailorder" style="background-color: #e4e4e4;">
	    <div class="list-block inset">
	      <div class="list-group">
		    <ul>
		    	<li class="list-group-title active" style="color:#000;">
			    	基本信息
			    	<i class="icon f7-icons color-black" style="position: absolute;top: 5px;right: 15px;font-size: 18px;">chevron_down</i>
		    	</li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media"><i class="icon f7-icons color-gray">person</i></div>
			        <div class="item-inner">
			          <div class="item-input">
			            <input type="text" name="name" placeholder="姓名">
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media"><i class="icon f7-icons color-gray">persons</i></div>
			        <div class="item-inner">
			          <div class="item-input">
			            <select name="gender">
			              <option value="m">先生</option>
			              <option value="f">女士</option>
			            </select>
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media"><i class="icon f7-icons color-gray">phone</i></div>
			        <div class="item-inner">
			          <div class="item-input">
			            <input type="tel" name="telphone" placeholder="电话">
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media"><i class="icon f7-icons color-gray">world</i></div>
			        <div class="item-inner">
			          <div class="item-input">
			            <input type="text" name="wxnum" placeholder="微信号(选填)">
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media"><i class="icon f7-icons color-gray">email</i></div>
			        <div class="item-inner">
			          <div class="item-input">
			            <input type="text" name="email" placeholder="邮箱(选填)">
			          </div>
			        </div>
			      </div>
			    </li>
		    </ul>
		  </div>
		  <div class="list-group personChoose">
		    <ul>
		    	<li class="list-group-title active" style="color:#000;">
			    	出行人员
			    	<i class="icon f7-icons color-black" style="position: absolute;top: 5px;right: 15px;font-size: 18px;">chevron_down</i>
		    	</li>
		    	<li class="list-item">
			      <div class="item-content">
			        <div class="item-media">
			        	<i style="width:25px;height:25px;background:url(img/adult-icon.png) no-repeat;
						background-size:25px 25px;background-position:center;"></i></div>
			        <div class="item-inner">
			          <div class="item-title label color-gray">成人</div>
			          <div class="item-change">
			            <i class="icon f7-icons color-green add">add_round_fill</i>
			            <span class="num">1</span>
			            <i class="icon f7-icons color-green minus">delete_round_fill</i>
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media">
			        	<i style="width:25px;height:25px;background:url(img/child-icon.png) no-repeat;
						background-size:25px 25px;background-position:center;"></i></div>
			        <div class="item-inner">
			          <div class="item-title label color-gray" style="width:50%;">儿童(12岁以下)</div>
			          <div class="item-change">
			            <i class="icon f7-icons color-green add">add_round_fill</i>
			            <span class="num">0</span>
			            <i class="icon f7-icons color-green minus">delete_round_fill</i>
			          </div>
			        </div>
			      </div>
			    </li>
			    <li class="list-item">
			      <div class="item-content">
			        <div class="item-media">
			        	<i style="width:25px;height:25px;background:url(img/oldman-icon.png) no-repeat;
						background-size:25px 25px;background-position:center;"></i></div>
			        <div class="item-inner">
			          <div class="item-title label color-gray" style="width:50%;">老人(60岁以上)</div>
			          <div class="item-change">
			            <i class="icon f7-icons color-green add">add_round_fill</i>
			            <span class="num">0</span>
			            <i class="icon f7-icons color-green minus">delete_round_fill</i>
			          </div>
			        </div>
			      </div>
			    </li>
		    </ul>
		  </div>
		  <div class="list-group">
			  <ul>
			    <li class="list-group-title" style="color:#000;">
				    自选服务
				    <i class="icon f7-icons color-black" style="position: absolute;top: 5px;right: 15px;font-size: 18px;">chevron_right</i>
			    </li>
			    <li class="list-item" style="display:none;">
			      <label class="label-checkbox item-content">
			        <input type="checkbox" name="addServices" value="visa">
			        <div class="item-media">
			          <i class="icon icon-form-checkbox check-green"></i>
			        </div>
			        <div class="item-inner">
			          <div class="item-title">签证服务</div>
			        </div>
			      </label>
			    </li>
			    <li class="list-item" style="display:none;">
			      <label class="label-checkbox item-content">
			        <input type="checkbox" name="addServices" value="traffic">
			        <div class="item-media">
			          <i class="icon icon-form-checkbox check-green"></i>
			        </div>
			        <div class="item-inner">
			          <div class="item-title">不满意交通安排，想要定制交通</div>
			        </div>
			      </label>
			    </li>
			    <li class="list-item" style="display:none;">
			      <label class="label-checkbox item-content">
			        <input type="checkbox" name="addServices" value="hotel">
			        <div class="item-media">
			          <i class="icon icon-form-checkbox check-green"></i>
			        </div>
			        <div class="item-inner">
			          <div class="item-title">不满意住宿安排，想要定制住宿</div>
			        </div>
			      </label>
			    </li>
			    <li class="list-item" style="display:none;">
			      <label class="label-checkbox item-content">
			        <input type="checkbox" name="addServices" value="guider">
			        <div class="item-media">
			          <i class="icon icon-form-checkbox check-green"></i>
			        </div>
			        <div class="item-inner">
			          <div class="item-title">陪同导游</div>
			        </div>
			      </label>
			    </li>
			    <li class="list-item" style="display:none;">
			      <label class="label-checkbox item-content">
			        <input type="checkbox" name="addServices" value="driver">
			        <div class="item-media">
			          <i class="icon icon-form-checkbox check-green"></i>
			        </div>
			        <div class="item-inner">
			          <div class="item-title">当地自驾</div>
			        </div>
			      </label>
			    </li>
			  </ul>
		  </div>
	    </div>
	    <a class="close-popup" style="width: 44px;height: 44px;background-color: rgb(29,214,151);
             margin: 0 auto 10px;border-radius: 22px;text-align: center;display: block;">
             <i class="f7-icons color-white" style="margin-top: 8px;">close</i>
        </a>
    </div>
    <script id="anli_index" type="text/template">
    <div class="swiper-container swiper-anli-index" style="height:100vh;width:100vw;">
   	<div class="swiper-pagination swiper-pagination-anli-index"></div>
    <div class="swiper-wrapper">
      {{#each this}}
         <div class="swiper-slide anli-index-slide">
            <div class="card anli_index_item" style="margin:0;">
             <div style="background:url({{this.images}}) no-repeat;
                         height: 40vh;background-size: cover;background-position: center;" 
             class="card-header">
             </div>
             <div class="card-content anli_index_enter_detail" data-anliId="{{this.id}}" style="height:60vh;">
                 <div style="width: 15vw;margin: 0 auto;">
                   <img src="/img/logo-horizon.png" style="width:100%"/>
                 </div>
                 <div class="card-content-inner">
                   <p class="title">{{this.name}}</p>
                   <p class="color-gray summary" style="padding:0 1em;">{{this.summary}}</p>
                   <p class="color-gray footer">旅行实录</p>
                 </div>
             </div>
             
            </div>
          </div>
	  {{/each}}
    </div>
    </div>
    </script>
    
    <script id="anli_detail" type="text/template">
     {{#each this}}
      <img data-src="{{this}}" class="lazy lazy-fadeIn" style="width:100%;float:left;">
     {{/each}}
    </script>
    
    <script id="PlaySelfItem" type="text/template">
    {{#each this}}
    <div class="card selfplayitem" data-id="{{id}}">
		  <div style="background:url({{thumb}}) no-repeat;height: 180px;background-size: cover;background-position: center;" class="card-header"></div>
		  <div class="card-content">
		    <div class="card-content-inner">
		      <div style="display: flex;flex-direction: row;justify-content: flex-start;
              align-items: flex-start;"><div class="">{{name}}</div><div style="font-size:18px;">{{priceTotal}}</div></div>
              <p class='infobar'>
                {{#each tags}}
                  <span class="tag">{{this}}</span>
                {{/each}}
			  </p>
		      <p class="text">{{summary}}</p>
		    </div>
		  </div>
    </div>
    {{/each}}
    
    </script>

    <script id="PlayingMethodCity" type="text/template">
	{{#each this}}
		{{#each content}}
			<li class="list-group-title" style="background:0;">{{country}}</li>
			<li>
			    <div class="row" style="margin:5px;justify-content: flex-start;">
			    	{{#each content}}
			    		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
                            <a href="#" class="button btn_item size_12" style="width:90%;margin:0 auto;" data-city="{{name}}" data-id="{{id}}">{{name}}</a>
                        </div>
			    	{{/each}}
				</div>
			</li>
		{{/each}}
	{{/each}}
    </script>
    
    <script id="PlayingMethodType" type="text/template">
	<li>
	<div class='row' style='margin:5px;justify-content: flex-start;'>
	<div class="col-33 active" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
		<a href="#" class="button active btn_item size_12" data-id="0" style="width:90%;margin:0 auto;">不限</a>
	</div>
    </div>
    </li>
	{{#each this}}
	  <li class="list-group-title" style="background:0;">{{name}}</li>
	  <li>
	  <div class='row' style='margin:5px;justify-content: flex-start;'>
	  {{#each child}}
		<div class="col-33" style="width: calc(100%/3);margin-bottom: 0.5vh;margin-top: 0.5vh;">
			<a href="#" class="button btn_item size_12" data-id="{{id}}" style="width:90%;margin:0 auto;">{{name}}</a>
		</div>
	  {{/each}}
      </div>
	  </li>
	{{/each}}
    </script>
    
    <script id="SelfPlayDescLine" type="text/template">
    {{#each descLineApp}}
      	    <li>
               <div class="item-content" style="padding:0">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
    {{/each}}
	</script>
	
	<script id="SelfPlayDescPrice" type="text/template">
    {{#each descPriceApp}}
      	    <li>
               <div class="item-content" style="padding:0">
                    <img src="{{this}}" style="width:100%;">
               </div>
            </li>
    {{/each}}
	</script>
	
	<script id="SelfPlayTripDay" type="text/template">
    <span class="perinfo" style="width: 100%;font-size: 12px;text-align: left;">剩{{this}}人</span>
	</script>
    

    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="../js/framework7.js"></script>
    <script type="text/javascript" src="js/framework7.3dpanels.min.js"></script>
    <!-- 初始化 -->
    <script type="text/javascript" src="js/init.js"></script>
    <!-- 全局函数 -->
	<script type="text/javascript" src="js/function.js"></script>
	<!-- 全局事件 -->
	<script type="text/javascript" src="js/event.js"></script>
	<!-- 页面 -->
	<script type="text/javascript" src="js/page_anli_index.js"></script>
	<script type="text/javascript" src="js/page_anli_detail.js"></script>
	<script type="text/javascript" src="js/page_zy_product.js"></script>
	<!-- 补充 -->
	<script type="text/javascript" src="js/end.js"></script>
    </body>
</html>